<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<title>用户中心</title>
	<link href="bootstrap-3.3.5-dist/css/bootstrap.min.css" title="" rel="stylesheet" />
	<link title="" href="css/style.css" rel="stylesheet" type="text/css" />
	<link title="blue" href="css/dermadefault.css" rel="stylesheet" type="text/css" />
	<link title="green" href="css/dermagreen.css" rel="stylesheet" type="text/css" disabled="disabled" />
	<link title="orange" href="css/dermaorange.css" rel="stylesheet" type="text/css" disabled="disabled" />
	<link href="css/templatecss.css" rel="stylesheet" title="" type="text/css" />
	<link rel="stylesheet" type="text/css" href="css/userInfo.css" />
	<script src="script/jquery.min.js" type="text/javascript"></script>
	<script src="script/jquery.cookie.js" type="text/javascript"></script>
	<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js" type="text/javascript"></script>
	<script src="script/main.js"></script>
	<script src="script/pager.js"></script>
	<script src="script/new_file.js"></script>
</head>
<style type="text/css">
	/*.tcdPageCode span.disabled {
        display: none;
    }

    .tcdPageCode .disabled {
        display: none;
    }*/

	.pager-box:after {
		display: block;
		height: 0;
		visibility: hidden;
		clear: both;
		content: '';
	}

	.pager {
		float: left;
		position: relative;
		left: 50%;
		font-family: 微软雅黑;
	}

	.pager a,
	.pager span {
		position: relative;
		left: -50%;
		display: block;
		float: left;
		margin-left: 5px;
		border: 1px solid #b6bcc1;
		padding: 0px 10px;
		text-decoration: none;
		color: #000;
		border-radius: 3px;
	}

	.pager span {
		border: 0;
	}

	.pager a.js-selected {
		background: #b6bcc1;
		color: #fff;
		cursor: default;
	}

	.pager a.js-disabled {
		background: #f1f1f1;
		border-color: #f1f1f1;
		cursor: default;
		color: #000;
		height: 27px;
	}

	.next {
		height: 27px;
		background: #F1F1F1;
	}

	.come,
	.goto,
	.plus,
	.lower,
	.upper,
	.reduce,
	.Last,
	.fost,
	.toggles,
	.toim {
		width: 80px;
		height: 30px;
		border: 1px solid #666666;
		line-height: 30px;
		margin-right: 10px;
		color: #fff;
		float: right;
		float: right;
	}

	.setup {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		display: none;
	}

	.setAgent {
		width: 400px;
		height: 300px;
		background: url(img/lantian.jpg) no-repeat;
		background-size: cover;
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		border-radius: 10px;
	}

	.titleNamer {
		text-align: center;
		border-bottom: 2px solid #008000;
	}

	.titleNamer h4 {
		line-height: 30px;
		color: #E7E7E7;
	}

	.from-warry {
		height: 100%;
		text-align: center;
		padding: 50px 10px 10px;
	}

	.from-warry {
		border-bottom: 15px;
	}

	.revoke {
		display: none;
	}

	.poswd,
	.names {
		margin-left: 10px;
	}

	em {
		font-style: normal;
	}
	.tb td {
		vertical-align: middle!important;
		width: 120px;
	}

	.model {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 999;
		background-color: rgba(0, 0, 0, 0.9);
		display: none;
	}

	.order {
		width: 300px;
		position: absolute;
		top: 30%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1000;
		/*background: #fff;*/
	}

	.order label {
		color: #fff;
	}
</style>

<body>
<nav class="nav navbar-default navbar-mystyle navbar-fixed-top">
	<div class="navbar-header">
		<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		</button>
		<a class="navbar-brand mystyle-brand"><span class="glyphicon glyphicon-home"></span></a>
	</div>
	<div class="collapse navbar-collapse">
		<ul class="nav navbar-nav">
			<li class="li-border">
				<a class="mystyle-color" href="#">管理控制台</a>
			</li>
		</ul>

		<ul class="nav navbar-nav pull-right">
			<li class="li-border">
				<a href="#" class="mystyle-color">
					<span class="glyphicon glyphicon-bell"></span>
					<span class="topbar-num">0</span>
				</a>
			</li>
			<li class="user_name">
				<a href="#">修改用户名或密码</a>
			</li>
			<li class="dropdown li-border">
				<a href="#" class="dropdown-toggle mystyle-color User_name" data-toggle="dropdown">设置<span class="caret"></span></a>
				<ul class="dropdown-menu">
					<li class="cancellation">
						<a>退出</a>
					</li>
				</ul>
			</li>
		</ul>
	</div>
</nav>
<div class="down-main">
	<div class="left-main left-full">
		<div class="sidebar-fold"><span class="glyphicon glyphicon-menu-hamburger"></span></div>
		<div class="subNavBox">
			<div class="sBox">
				<div class="subNav sublist-down"><span class="title-icon glyphicon glyphicon-chevron-down"></span><span class="sublist-title">用户中心</span>
				</div>
				<ul class="navContent" style="display:block">
					<li>
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />用户管理</div>
						<a href="userInfo.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">用户管理</span></a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />收入总计</div>
						<a href="Total.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">收入总计</span></a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />游戏设置</div>
						<a href="message.html"><span class="sublist-icon glyphicon glyphicon-envelope"></span><span class="sub-title">游戏设置</span></a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />轮播图设置</div>
						<a href="smsInfo.html"><span class="sublist-icon glyphicon glyphicon-bullhorn"></span><span class="sub-title">轮播图设置</span></a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />二维码设置</div>
						<a href="code.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">二维码设置</span></a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />广告抽成</div>
						<a href="pumping.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">广告抽成</span></a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />添加域名</div>
						<a href="adddomain.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">添加域名</span></a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />域名管理</div>
						<a href="administration.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">域名管理</span></a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />提现审核</div>
						<a href="cashchecking.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">提现审核</span></a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />广告详情</div>
						<a href="Ad-Details.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">广告详情</span></a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />维护设置</div>
						<a href="Maintain.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">维护设置</span></a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />奖品设置</div>
						<a href="getMissionAward.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">奖品设置</span></a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />任务管理</div>
						<a href="getMission.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">任务管理</span></a>
					</li>
					<li class="active">
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />订单详情</div>
						<a href="getFbOrderAll.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">订单详情</span></a>
					</li>
					<!--<li>
                        <div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />玩法介绍</div>
                        <a href="method.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">玩法介绍</span></a>
                    </li>-->
				</ul>
			</div>
			<div class="sBox">
				<div class="subNav sublist-up"><span class="title-icon glyphicon glyphicon-chevron-up"></span><span class="sublist-title">代理设置</span></div>
				<ul class="navContent tBLES">
					<li>
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />添加代理</div>
						<a href="addto.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">添加代理</span></a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />代理详情</div>
						<a href="details.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">代理详情</span></a>
					</li>
				</ul>
			</div>
			<div class="sBox">
				<div class="subNav sublist-up"><span class="title-icon glyphicon glyphicon-chevron-up"></span><span class="sublist-title">说明设置</span></div>
				<ul class="navContent tBLES">
					<li>
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />游戏玩法</div>
						<a href="rule.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">游戏玩法</span></a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />踢球技巧</div>
						<a href="skill.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">踢球技巧</span></a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />常见问题</div>
						<a href="common.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">常见问题</span></a>
					</li>
					<li>
						<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />更新设置</div>
						<a href="identify.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">更新设置</span></a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="right-product view-product right-full">
		<div class="container-fluid">
			<div class="manage account-manage info-center">
				<div class="page-header">
					<div class="pull-left">
						<h4>订单纪录</h4>
					</div>
				</div>
			</div>
		</div>

		<div class="users-list">
			<div class="list-header">
				<div class="container">
					<form class="form-inline">
						<div class="form-group">
							<label for="orderstatus">订单状态</label>
							<select class="form-control" id="orderstatus">
								<option value="0">已发货</option>
								<option value="1">未发货</option>

							</select>
						</div>
						<div class="form-group">
							<label for="paystatus">支付状态</label>
							<select class="form-control" id="paystatus">
								<option value="0">已支付</option>
								<option value="1">未支付</option>

							</select>
						</div>
						<button type="button" class="btn btn-primary" id="search">搜索</button>
					</form>
				</div>

				<div class="container">
					<table class="table table-bordered table-condensed text-center">
						<thead>
						<tr>
							<!-- <th class="text-center">ID</th> -->
							<th class="text-center">昵称</th>
							<th class="text-center">头像</th>
							<th class="text-center">订单号</th>
							<th class="text-center">产品名称</th>
							<!-- <th class="text-center">产品图片</th> -->
							<th class="text-center">快递单号</th>
							<th class="text-center">快递公司</th>
							<th class="text-center">创建时间</th>
							<th class="text-center">地址</th>
							<th class="text-center">订单金额</th>
							<th class="text-center">订单状态</th>
							<th class="text-center">支付状态</th>
							<th class="text-center">订单操作</th>
						</tr>
						</thead>
						<tbody class="tb">
						</tbody>
					</table>
				</div>
				<div class="model">
					<div class="order">
						<div class="form-group">
							<label for="orderId">订单号</label>
							<input type="text" class="form-control" id="orderId" placeholder="订单号" disabled>
						</div>
						<div class="form-group">
							<label for="expressId">快递单号</label>
							<input type="text" class="form-control" id="expressId" placeholder="快递单号">
						</div>
						<div class="form-group">
							<label for="expressName">快递公司</label>
							<input type="text" class="form-control" id="expressName" placeholder="快递公司">
						</div>
						<button type="button" class="btn btn-primary btn-block" id="submit">提交</button>
					</div>
				</div>

			</div>
			<div class="setup">
				<div class="setAgent">
					<div class="titleNamer">
						<h4>修改密码</h4>
					</div>
					<div class="from-warry">
						<p>旧密码：<input class="dl-input names" type="text" placeholder="请输新的账号" /></p>
						<p>新密码：<input class="dl-input poswd" type="text" placeholder="请输入新的密码" /></p>
						<p>再次输入：<input type="text" placeholder="请输入新密码" class="confirm" /></p>
						<p><input class="determine" type="button" value="确定修改" /></p>
					</div>
				</div>
			</div>

		</div>
	</div>
</div>
<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.page.js"></script>
<script type="text/javascript">
    function doChangePage(obj) {}

    var startPage = 1;
    $(function() {
        /*换肤*/
        $(".dropdown .changecolor li").click(function() {
            var style = $(this).attr("id");
            $("link[title!='']").attr("disabled", "disabled");
            $("link[title='" + style + "']").removeAttr("disabled");

            $.cookie('mystyle', style, {
                expires: 7
            }); // 存储一个带7天期限的 cookie
        })
        var cookie_style = $.cookie("mystyle");
        if(cookie_style != null) {
            $("link[title!='']").attr("disabled", "disabled");
            $("link[title='" + cookie_style + "']").removeAttr("disabled");
        }
        /*左侧导航栏显示隐藏功能*/
        $(".subNav").click(function() {
            /*显示*/
            if($(this).find("span:first-child").attr('class') == "title-icon glyphicon glyphicon-chevron-down") {
                $(this).find("span:first-child").removeClass("glybut-inputphicon-chevron-down");
                $(this).find("span:first-child").addClass("glyphicon-chevron-up");
                $(this).removeClass("sublist-down");
                $(this).addClass("sublist-up");
            }
            /*隐藏*/
            else {
                $(this).find("span:first-child").removeClass("glyphicon-chevron-up");
                $(this).find("span:first-child").addClass("glyphicon-chevron-down");
                $(this).removeClass("sublist-up");
                $(this).addClass("sublist-down");
            }
            // 修改数字控制速度， slideUp(500)控制卷起速度
            $(this).next(".navContent").slideToggle(300).siblings(".navContent").slideUp(300);
        })
        /*左侧导航栏缩进功能*/
        $(".left-main .sidebar-fold").click(function() {

            if($(this).parent().attr('class') == "left-main left-full") {
                $(this).parent().removeClass("left-full");
                $(this).parent().addClass("left-off");

                $(this).parent().parent().find(".right-product").removeClass("right-full");
                $(this).parent().parent().find(".right-product").addClass("right-off");

            } else {
                $(this).parent().removeClass("left-off");
                $(this).parent().addClass("left-full");

                $(this).parent().parent().find(".right-product").removeClass("right-off");
                $(this).parent().parent().find(".right-product").addClass("right-full");

            }
        })

        /*左侧鼠标移入提示功能*/
        $(".sBox ul li").mouseenter(function() {
            if($(this).find("span:last-child").css("display") == "none") {
                $(this).find("div").show();
            }
        }).mouseleave(function() {
            $(this).find("div").hide();
        })
    })
</script>
</body>

</html>
<script type="text/javascript">
    $('.cancellation').on('click', function() {
        $.ajax({
            type: "get",
            url: "/admin/adminFund/exitLogin",
            contentType: "application/json; charset=utf-8",
            success: function(res) {
                if(res.error_code == 0) {
                    window.location.href = 'login.html';
                }
            }
        });
    })

    $.ajax({
        url: '/admin/adminMission/getFbOrderAll',
        type: 'GET',
        dataType: 'json',
        success: function(res) {
            console.log(res);
            for(var i = 0; i < res.data.length; i++) {
                var str = '';
                str += '<tr>';
                // str += '<td>'+res.data[i].id+'</td>';
                str += '<td>' + res.data[i].nickName + '</td>';
                str += '<td><img style="width:60px;height:60px;" src="' + res.data[i].headImgUrl + '" alt="" /></td>';
                str += '<td>' + res.data[i].orderId + '</td>';
                str += '<td>' + res.data[i].awardContent + '</td>';
                // str += '<td><img style="width:60px;height:60px;" src="'+baseUrl+res.data[i].awardImgUrl+'" alt="" /></td>';
                str += '<td>' + res.data[i].expressId + '</td>';
                str += '<td>' + res.data[i].expressName + '</td>';
                str += '<td>' + getLocalTime(res.data[i].createTime) + '</td>';
                str += '<td>' + res.data[i].address + '</td>';
                str += '<td>' + res.data[i].orderMoney + '</td>';
                if(res.data[i].status == 0) {
                    str += '<td>已发货</td>';
                } else {
                    str += '<td>未发货</td>';
                }
                if(res.data[i].paymentStatus == 0) {
                    str += '<td>已支付</td>';
                } else {
                    str += '<td>未支付</td>';
                }
                if(res.data[i].status == 0) {
                    str += '<td><button data-orderid=' + res.data[i].orderId + ' class="btn btn-primary operation" disabled>操作</button></td>';
                } else {
                    str += '<td><button data-orderid=' + res.data[i].orderId + ' class="btn btn-primary operation">操作</button></td>';
                }

                str += '</tr>';
                $('.tb').append(str);
            }
            $('.operation').on('click', function() {
                var orderid = $(this).data("orderid");
                $('.model').show();
                $('#orderId').val(orderid);

            })

            $('.revise').click(function() {
                var id = $(this).data("id");
                $.ajax({
                    url:'/admin/adminMission/updateMissionAward',
                    type: 'GET',
                    dataType: 'json',
                    data: {
                        'awardId': id
                    },
                    success: function(res) {
                        console.log(res);
                        alert('修改成功');
                        window.location.reload();
                    }
                })

            })

        }
    })

    $('#search').click(function() {
        $('.tb').children('tr').remove();
        var status = $('#orderstatus').val();
        var paymentStatus = $('#paystatus').val();
        $.ajax({
            url:'/admin/adminMission/getOrderByStatus',
            type: 'GET',
            dataType: 'json',
            data: {
                'status': status,
                'paymentStatus': paymentStatus
            },
            success: function(res) {
                console.log(res);
                for(var i = 0; i < res.data.length; i++) {
                    var str = '';
                    str += '<tr>';
                    str += '<td>' + res.data[i].id + '</td>';
                    str += '<td>' + res.data[i].nickName + '</td>';
                    str += '<td><img style="width:60px;height:60px;" src="' + res.data[i].headImgUrl + '" alt="" /></td>';
                    str += '<td>' + res.data[i].orderId + '</td>';
                    str += '<td>' + res.data[i].awardContent + '</td>';
                    // str += '<td><img style="width:60px;height:60px;" src="'+baseUrl+res.data[i].awardImgUrl+'" alt="" /></td>';
                    str += '<td>' + res.data[i].expressId + '</td>';
                    str += '<td>' + res.data[i].expressName + '</td>';
                    str += '<td>' + getLocalTime(res.data[i].createTime) + '</td>';
                    str += '<td>' + res.data[i].address + '</td>';
                    str += '<td>' + res.data[i].orderMoney + '</td>';
                    if(res.data[i].status == 0) {
                        str += '<td>已发货</td>';
                    } else {
                        str += '<td>未发货</td>';
                    }
                    if(res.data[i].paymentStatus == 0) {
                        str += '<td>已支付</td>';
                    } else {
                        str += '<td>未支付</td>';
                    }
                    if(res.data[i].status == 0) {
                        str += '<td><button data-orderid=' + res.data[i].orderId + ' class="btn btn-primary operation" disabled>操作</button></td>';
                    } else {
                        str += '<td><button data-orderid=' + res.data[i].orderId + ' class="btn btn-primary operation">操作</button></td>';
                    }

                    str += '</tr>';
                    $('.tb').append(str);
                }
                $('.operation').on('click', function() {
                    var orderid = $(this).data("orderid");
                    $('.model').show();
                    $('#orderId').val(orderid);
                })
                $('.revise').click(function() {
                    var id = $(this).data("id");
                    $.ajax({
                        url:'/admin/adminMission/updateMissionAward',
                        type: 'GET',
                        dataType: 'json',
                        data: {
                            'awardId': id
                        },
                        success: function(res) {
                            console.log(res);
                            alert('修改成功');
                            window.location.reload();
                        }
                    })
                })
            }

        })
    })

    function getLocalTime(nS) {
        return new Date(parseInt(nS)).toLocaleString();
    }

    $('.order').click(function(event) {
        event.stopPropagation();
    })

    $('#submit').on('click', function() {
        var orderId = $('#orderId').val();
        var expressId = $('#expressId').val();
        var expressName = $('#expressName').val();
        if(expressId.length !== 0 && expressName.length !== 0) {
            $.ajax({
                url:'/admin/adminMission/setOrderByExpress',
                type: 'GET',
                dataType: 'json',
                data: {
                    'orderId': orderId,
                    'expressId': expressId,
                    'expressName': expressName
                },
                success: function(res) {
                    console.log(res);
                    $('.model').hide();
                    window.location.reload();
                }
            })
        }else{
            alert('数据不能为空！')
        }

    })
    $('.model').on('click', function() {
        $('.model').hide();
        $('#orderId').val('');
        $('#expressId').val('');
        $('#expressName').val('');
    })
</script>

<script src="script/index.js"></script>